<template>
  <div v-if="visible">
    <el-row :span="40">
      <!--suppress HtmlDeprecatedAttribute -->
      <el-col :span="24" align="center">
        <span style="margin: 30px;">{{content}}<slot/></span>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'XumHint',
  props: {
    content: {
      required: false,
      type: String,
      default: ''
    },
    visible: {
      required: false,
      type: Boolean,
      default: true
    }
  }
}
</script>

<style scoped>

</style>
